<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<!DOCTYPE html>
		<html>

		<head>
			<meta charset="utf-8">
			<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
			<title></title>
			<link rel="stylesheet" type="text/css" href="../common/css/jquery-weui.min.css" />
			<link rel="stylesheet" type="text/css" href="../common/css/weui.min.css" />
			<link rel="stylesheet" type="text/css" href="../common/iconfont/iconfont.css" />
			<style type="text/css">
				* {
					margin: 0px;
					padding: 0px;
				}
				
				body {
					display: -webkit-box;
					-webkit-box-orient: vertical;
					background-color: #F3F5F7;
					font-family: "微软雅黑";
				}
				
				.header {
					height: 45px;
					line-height: 45px;
					background: #f9f9f9;
					color: #616161;
					font-size: 18px;
					border-bottom: 1px solid #bbb;
					text-align: center;
				}
				
				.header .icon {
					width: 20px;
					position: absolute;
					left: 10px;
				}
				
				.content .info {
					display: -webkit-box;
					border: 1px solid #D7D7D7;
					background-color: #ffffff;
					border-radius: 3px;
					margin: 30px 20px;
				}
				
				.content input {
					display: -webkit-box;
					-webkit-box-flex: 1;
					height: 40px;
					outline: none;
					border: none;
					margin: 0 10px;
					font-size: 14px;
					line-height: 40px;
				}
				
				.content .verify {
					display: -webkit-box;
					-webkit-box-flex: 1;
					margin: 30px 20px;
				}
				
				.content .verify .btn {
					width: 130px;
					margin-left: 10px;
					background-color: #EEEEEE;
					line-height: 40px;
					text-align: center;
					border-radius: 3px;
					outline: none;
					font-size: 14px;
					border: 1px solid #EEEEEE;
				}
				
				.content .verify .input {
					display: -webkit-box;
					-webkit-box-flex: 1;
					background-color: #FFFFFF;
					border: 1px solid #D7D7D7;
					border-radius: 3px;
				}
				
				.content .register {
					display: -webkit-box;
					margin: 50px 20px 0 20px;
					background-color: #F23030;
					height: 40px;
					line-height: 40px;
					-webkit-box-pack: center;
					border-radius: 3px;
					color: white;
				}
				
				.content .warning {
					display: -webkit-box;
					margin: 10px 20px;
					font-size: 12px;
					color: #616161;
				}
				
				.content .warning a {
					color: red;
					text-decoration: underline;
				}
				
				.content .verify .istrue {
					border: 1px solid #FF0000;
					color: red;
				}
			</style>
			<script src="../common/js/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
			<script src="../common/js/vue.js" type="text/javascript" charset="utf-8"></script>
			<script src="../common/js/base.js" type="text/javascript" charset="utf-8"></script>
		</head>

		<body>
			<div class="header">
				<i class="icon Hui-iconfont">&#xe6d4;</i>设置密码
			</div>
			<div class="content">
				<div class="info">
					<input type="text" placeholder="请设置登录密码" v-model="code" />
				</div>
				<div class="register" @click="setPwd">
					确认
				</div>
				<p class="warning">注册即视为同意
					<a href="">《京东注册协议》</a>,
					<a href="">《隐私协议》</a>
				</p>
			</div>

			<script src="../common/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
			<script src="../common/js/fastclick.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
				$(function() {
					FastClick.attach(document.body);
				});
			</script>
			<script src="../common/js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/setpwdVue.js" type="text/javascript" charset="utf-8"></script>
		</body>

		</html>
	</body>

</html>